<!-- 会诊列表 -->
<template>
<div class="consultation-list-wp">
  <el-form ref="form" :inline="true" :model="form" size="small" class="this-form">
    <el-form-item label="发起单位">
      <el-input class="w1" v-model="form.a" placeholder="请输入内容"></el-input>
    </el-form-item>
    <el-form-item label="发起时间">
      <el-date-picker class="w1"
        v-model="form.b"
        type="month"
        range-separator="至"
        placeholder="选择月"
        value-format="yyyy-MM"
        :clearable="false">
      </el-date-picker>
    </el-form-item>
    <el-form-item label="接收单位">
      <el-input class="w1" v-model="form.c" placeholder="请输入内容"></el-input>
    </el-form-item>
    <el-form-item label="接收时间">
      <el-date-picker class="w1"
        v-model="form.d"
        type="month"
        range-separator="至"
        placeholder="选择月"
        value-format="yyyy-MM"
        :clearable="false">
      </el-date-picker>
    </el-form-item>
    <el-form-item label="状态">
      <el-select class="w1" v-model="form.e" placeholder="请选择">
        <el-option
          v-for="(item, index) in stateList"
          :key="index"
          :label="item.label"
          :value="item.value">
        </el-option>
      </el-select>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="search">查询</el-button>
      <el-button @click="backRouter()">返回</el-button>
    </el-form-item>
  </el-form>

  <el-table
    :data="table.data"
    border
    :header-cell-style="{
      background: '#F2F2F2'
    }">
    <el-table-column v-for="(item, index) in table.head" :key="index"
      :prop="item.key"
      :label="item.label"
      align="center">
    </el-table-column>
  </el-table>
</div>
</template>
<script>
export default {
  name: 'consultation-list',
  data () {
    return {
      form: {
        a: '',
        b: '',
        c: '',
        d: '',
        e: ''
      },

      stateList: [
        {label: '连接中', value: '1'},
        {label: '会诊中', value: '2'},
        {label: '已完成', value: '3'}
      ],

      table: {
        head: [
          {label: '发起单位', key: 'a'},
          {label: '发起医生', key: 'b'},
          {label: '发起时间', key: 'c'},
          {label: '患者姓名', key: 'd'},
          {label: '接收单位', key: 'e'},
          {label: '接收医生', key: 'f'},
          {label: '接收时间', key: 'g'},
          {label: '状态', key: 'h'},
        ],
        data: [
          {a: '重庆医科大学附属第一医院', b: '张王协', c: '2022-01-18 11:12:43', d: '王玉琦', e: '西南医院', f: '庄启兰', g: '2022-01-18 11:13:12', h: '已结束'},
          {a: '新桥医院', b: '李湘月', c: '2022-01-18 11:12:43', d: '龙利启', e: '西南医院', f: '庄启兰', g: '2022-01-18 11:13:12', h: '已结束'},
          {a: '重庆医科大学附属第二医院', b: '吴云军', c: '2022-01-18 11:12:43', d: '蓝黄玉', e: '重庆医科大学附属第一医院', f: '张王协', g: '2022-01-18 11:13:12', h: '已结束'},
          {a: '重庆儿童医院', b: '朱芳丽', c: '2022-01-18 11:12:43', d: '龚丽', e: '西南医院', f: '庄启兰', g: '2022-01-18 11:13:12', h: '已结束'},
          {a: '重庆医科大学附属第一医院', b: '张王协', c: '2022-01-18 11:12:43', d: '姚启明', e: '重庆儿童医院', f: '朱芳丽', g: '2022-01-18 11:13:12', h: '已结束'},
        ]
      }

    }
  },
  mounted () {

  },
  methods: {
    search () {

    },

    backRouter () {
      this.$router.back();
    }
  }
}
</script>
<style lang="scss" scoped>
.consultation-list-wp {
  .w1 {
    width: 150px;
  }
  .this-form {
    padding: 0 0 22px;
  }
}
</style>